<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<html>
<head>
  <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css">
  <link rel="stylesheet" href="stylesheets/side-menu.css">
<style type="text/css">
blockquote {
  border-left: 5px solid #ddd;
  padding-left: 1.5em;
}
</style>
</head>

<body>
<div id="layout">
    <!-- Menu toggle -->
    <a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>

    <div id="menu">
        <div class="pure-menu pure-menu-open">
            <a class="pure-menu-heading" href="#">Example</a>

            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>

                <li class="menu-item-divided pure-menu-selected">
                    <a href="#">Services</a>
                </li>

                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="main">
        <div class="header">
	<h1>Upload to Chunkdb</h1>
	<h2>Database storage experiment on Appengine</h2> 
    </div>
<div class="content">
<form class="pure-form" method="POST" enctype="multipart/form-data" action="/upload">
  <label for="sep">Field separator</label>
  <select name="sep" id="sep">
    <option value=",">Comma (,)</option>
    <option value="|">Pipe (|)</option>
    <option value="\t">Tab</option>
  </select>
  <!-- Note that sep must come before upfile lest we buffer the file content until the multipart
  stream tells how to parse it. -->
  <input class="pure-input-2-3" type="file" name="upfile" placeholder="CSV File to upload">
  <input class="pure-input-1-3" type="text" name="name" placeholder="Name">
  <input class="pure-input-1-2" type="text" name="attribution" placeholder="Attribution">
  <div>
    <label for="description">Description</label>
    <textarea class="pure-input-1" name="description" id="description" rows="3">Imported 3/1/2014</textarea>
  </div>
  <input type="submit" value="Upload" class="pure-button pure-button-primary" style="border-radius:4px">
</form>
</div>
</div>
<script src="ui.js"></script>
</body>
</html>
